<template>
  <div class="layout">
    <div  class="box" :style="[boxStyle]">
    	<div style="padding-left:10px;border-left: 2px solid red; ">
			<text  style="font-size:32rpx;font-weight: 400;color: #0193C8;line-height: 45rpx;">{{res.title}} </text>
		</div>
    	
    	<div style="display: flex; flex-direction: row;  flex:1;justify-content:flex-end;align-items:center">
			<div>
				<text style="font-size: 24rpx;line-height: 34rpx;font-weight: 500;color: #0193C8;" @click="modelNavigateTo(res)">更多</text>
			</div>
			<div style="padding-left:10rpx">
				
			</div>
		</div>
    </div>
  </div>
</template>

<script>
import { modelNavigateTo } from "./tpl";
export default {
  title: "标题栏",
  props: {
  	  res: {
  	  },
  	  listStyle: {
  	  	type: Object,
  	  	default: () => {}
  	  },
  },
  computed: {
  	boxStyle() {
  		let style={};
  		for(var key in this.listStyle){
  			style[key] = this.listStyle[key];
  		}
  		return style;
  	},
  },
  data() {
    return {
      modelNavigateTo,
    };
  },
  mounted() {},
};
</script>
<style lang="scss" scoped>
	
	.box{
		width:702rpx;
		display: flex;
		flex-direction: row;
		align-items: center;
		height:83rpx;
		color:white;
	
	}
	.layout{
		margin-top:20rpx
	}
</style>
